<!-- 问答题 -->

<template>
  <div class="DetailQuestionnaire-MyStatistic-table">
    <div class="quar">
      <div class="DetailQuestionnaire-MyStatistic-table-row">
        <div class="percent20"><b>排名</b></div>
        <div class="percent50"><b>关键词</b></div>
        <div class="percent30"><b>计数</b></div>
      </div>

      <div v-for="i in 5" :key="i" class="DetailQuestionnaire-MyStatistic-table-row">
        <div class="percent20">{{ i }}</div>
        <div class="percent50">{{ obj.numChart.xData[i - 1] }}</div>
        <div class="percent30">{{ obj.numChart.dataList[i - 1] }}</div>
      </div>
    </div>

    <div class="quar">
      <div class="DetailQuestionnaire-MyStatistic-table-row">
        <div class="percent20"><b>排名</b></div>
        <div class="percent50"><b>关键词</b></div>
        <div class="percent30"><b>计数</b></div>
      </div>

      <div v-for="i in 5" :key="i" class="DetailQuestionnaire-MyStatistic-table-row">
        <div class="percent20">{{ i + 5 }}</div>
        <div class="percent50">{{ obj.numChart.xData[i + 4] }}</div>
        <div class="percent30">{{ obj.numChart.dataList[i + 4] }}</div>
      </div>
    </div>

    <div class="half full">
      <ChartColumn v-bind="obj.numChart" />
    </div>
  </div>
</template>

<script>
// ============================== 导入依赖 ============================== //

import CORE from '@/CORE'
import MyRadio from '../MyRadio'

// ============================== 导出组件 ============================== //

export default CORE.extend(MyRadio, {
  /**
   * 名称定义 (实际使用名称)
   */
  name: 'MyTextarea',
})
</script>
